<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title data-color="#f8f8f9">买单明细</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <!-- 引入common -->
    <script src="../../b2c/lib/js/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../../b2c/css/squadron/paymentDetails.css">
</head>
<body>
    <div id="paymentDetail">
        <div class="paymentDetail" v-for="(val,ind) in paymentList">
            <div>
                <p v-cloak>订单号:{{val.orderSn}}</p>
            </div>
            <div>
                <span v-cloak>{{val.storeName}}</span>
            </div>
            <div class="clearfix">
                <span class="left">实付金额</span>
                <span class="right price">{{val.totalFee |price}}</span>
            </div>
            <div class="clearfix">
                <span class="left">到账金额</span>
                <span class="right price" v-cloak>{{val.arrivalFrr | price}}</span>
            </div>
            <div class="clearfix">
                <span class="left">订单类型</span>
                <span class="right way" v-if="val.orderType==0">优惠买单</span>
                <span class="right way" v-if="val.orderType==1">扫码支付</span>
            </div>
            <div class="clearfix">
                <span class="left">支付方式</span>
                <span class="right way" v-if="val.payType==1">微信支付</span>
                <span class="right way" v-if="val.payType==2">支付宝支付</span>
                <span class="right way" v-if="val.payType==3">公众号支付</span>
                <span class="right way" v-if="val.payType==4">景豆支付</span>
                <span class="right way" v-if="val.payType==5">蚂蚁钱包</span>
                <span class="right way" v-if="val.payType==6">支付宝网页支付</span>
            </div>
            <div>
                <p class="left" v-cloak>收货编号:{{val.recipSn}}</p>
                <p class="right time" v-cloak>{{val.orderTime}}</p>
            </div>
        </div>

        <div class="noData" v-if="paymentList.length==0">
            <img src="../../b2c/images/squadron/nodata.png" alt="">
            <p>sorry,没有买单记录</p>
        </div>
    </div>
</body>
<script src="../../b2c/lib/js/ydui.js"></script>
<script src="../../b2c/js/squadron/paymentDetails.js"></script>
</html>